@charset "utf-8";
/*resect*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
table {
	border-collapse:collapse;/*css去IE表格陰影ox */
	border-spacing:0;
}
td, th {
}
/*resect*/
a {
	color: #55321F;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
a:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#A07B52;
}
body {
	color: #333333;
	text-decoration: none;
	font-family:Verdana, 新細明體, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 0.83em;
	background-image: url(../images/con_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.wrapper_bg {
	background-image: url(../images/wrapper_bg_2.jpg);
	background-repeat: no-repeat;
	background-position: center 747px;
}
#wrapper {
	background-repeat: no-repeat;
	min-height:950px;
	min-width:1000px;
	background-position: center top;
	background-image: url(../images/wrapper_bg.jpg);
}
#header {
	height: 747px;
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/ches.png);
	background-repeat: no-repeat;
}
.header_box {
	position: relative;
	height: 747px;
	width: 1000px;
}
.header_box .btn {
	background-image: url(../images/top_slogan.png);
	height: 341px;
	width: 1000px;
	position: absolute;
	bottom: 0px;
}
.banner {
}
.header_box .logo_1 {
	width: 1000px;
	height: 425px;
	text-align: center;
}
.slogan {
	position: absolute;
	height: 333px;
	width: 983px;
	left: 2px;
	top: 116px;
}
.menu {
	background-image: url(../images/btn_bg.png);
	background-repeat: no-repeat;
	height: 172px;
	position: absolute;
	width: 700px;
	left: 300px;
	top: 575px;
}
.m_btn {
	height: 76px;
	width: 685px;
	padding-top: 56px;
	padding-left: 15px;
}
.m_btn ol li {
	float: left;
	list-style-type: none;
	margin-left: 30px;
}
.m_btn ol li a {
	width:133px;
	height:76px;
	display:block;
}

.m_btn_1 a {
	background-image:url(../images/btn_01.png);
}
.m_btn_2 a {
	background-image:url(../images/btn_02.png);
}
.m_btn_3 a {
	background-image:url(../images/btn_03.png);
}
.m_btn_4 a {
	background-image:url(../images/btn_04.png);
}

.m_btn_1 a:hover {
	background-image:url(../images/btn_01_1.png);
}
.m_btn_2 a:hover {
	background-image:url(../images/btn_02_1.png);
}
.m_btn_3 a:hover {
	background-image:url(../images/btn_03_1.png);
}
.m_btn_4 a:hover {
	background-image:url(../images/btn_04_1.png);
}

.m_div {
	float: left;
}
.tv {
	height: 145px;
	width: 240px;
	position: absolute;
	left: 45px;
	top: 485px;
}
#content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.tab_1 {
	height: 205px;
	width: 1000px;
	background-image: url(../images/con_01.png);
	background-repeat: no-repeat;
}
.tab_1_1 .a_btn {
	width: 500px;
	height: 170px;
	float: left;
}
.tab_1_1 .a_btn a {
	width: 500px;
	height: 170px;
	display:block;
	background-image: url(../images/tab_1_1a.png);
}
.tab_1_1 .a_btn a:hover {
	background-image: url(../images/tab_1_1aa.png);
}

.tab_1_1 .b_btn {
	width: 500px;
	height: 170px;
	margin-left: 500px;
}
.tab_1_1 .b_btn a {
	width: 500px;
	height: 170px;
	background-image: url(../images/tab_1_1b.png);
	display:block;
}
.tab_1_1 .b_btn a:hover  {
	background-image: url(../images/tab_1_1bb.png);
}
.tab_1 .tab_1_1 {
	height: 170px;
	width: 1000px;
}
.tab_1 .tab_1_2 {
	height: 35px;
	width: 1000px;
	background-image: url(../images/tab_1_2.png);
	background-repeat: no-repeat;
}
.tab_1_2 .number {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	height: 35px;
}
.number p {
	float: left;
	display: block;
	line-height: 35px;
	height: 35px;
	margin-right: 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.tab_2 {
	background-image: url(../images/con_02.png);
	background-repeat: repeat-y;
	background-position: center;
}
.tab_2 .core_div_1 {
	background-image: url(../images/a_core_bg.png);
	background-repeat: no-repeat;
	height: 231px;
	width: 410px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 70px;
}
.tab_2 .core_div_2 {
	background-image: url(../images/b_core_bg.png);
	background-repeat: no-repeat;
	height: 231px;
	width: 410px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 26px;
}
.tab_2 .core_tit {
	height: 35px;
	width: 410px;
	background-image: url(../images/ttt.png);
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 10px;
}
.tab_1 .core_tit {
	height: 35px;
	width: 410px;
	background-image: url(../images/ttt.png);
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 10px;
}
.core_con {
	height: 190px;
	width: 410px;
	position: relative;
}
.core_con_pic {
	height: 106px;
	width: 143px;
	margin: 10px;
	position: absolute;
	top: 0px;
}
.core_con_btn {
	height: 34px;
	width: 143px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: absolute;
	font-size: 15px;
	text-align: center;
	top: 140px;
}

.core_div_1 .core_con .core_con_btn a {
	background-image: url(../images/a_btn.jpg);
	height: 34px;
	width: 143px;
	display:block
}
.core_div_1 .core_con .core_con_btn a:hover {
	background-image: url(../images/a_btn_1.jpg);
	height: 34px;
	width: 143px;
	display:block
}
.core_div_2 .core_con .core_con_btn a {
	background-image: url(../images/b_btn.jpg);
	height: 34px;
	width: 143px;
	display:block
	
}
.core_div_2 .core_con .core_con_btn a:hover {
	background-image: url(../images/b_btn_1.jpg);
	height: 34px;
	width: 143px;
	display:block	
}
.core_con_recipe {
 height: 230.px;
	width: 245px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 164px;
	position: absolute;
	right: -4px;
}
.recipe_user {
	height: 70px;
	width: 100%;
	position: relative;
}
.recipe_user h2 {
	padding-top: 7px;
	padding-bottom: 7px;
}
.recipe_img {
	padding: 5px;
	height: 50px;
	width: 50px;
	background-image: url(../images/userimg.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
.recipe_fb {
}
.recipe_t {
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	width: 100%;
	clear: left;
	color: #333;
	padding-left: 5px;
}
.recipe_text {
	overflow: hidden;
	width: 100%;
	padding-left: 5px;
	color: #333;
	height: 100px;
}
.tab_3 {
	background-repeat: no-repeat;
	height: 8px;
	width: 1000px;
	margin-bottom: 30px;
}
.tab_4 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.con_title {
	line-height: 60px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-size: 26px;
	color: #3089a0;
	letter-spacing: 1px;
}
.content_box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.content_box_2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-image: url(../images/sacfseafv.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	text-align: center;
	padding-top: 20px;
}
#footer {
}
.footer_box {
}
h1 {
	font-size: 36px;
	color: #06568a;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
.lc a {
	color: #333;
}
.lc a:hover {
	color: #0066CC;
}
.side_left {
	height: 200px;
	width: 178px;
	background-image: url(../images/side_left.jpg);
	background-repeat: no-repeat;
	float: left;
}
.side_left ol li {
	list-style-type: none;
	display: block;
	height: 40px;
	width: 140px;
	line-height: 40px;
	padding-left: 26px;
	font-size: 15px;
}
.size_right {
	margin-left: 195px;
	width: 750px;
}
.tab_a {
	background-color: #baeaff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #3089a0;
	font-size: 18px;
	line-height: 36px;
	color: #3089a0;
	padding-left: 10px;
}
.tab_b {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.qa_tit {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/qa_tit_bg.png);
	height: 42px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3089a0;
	border-bottom-color: #3089a0;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
}
.all_con_tit {
	line-height: 42px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.all_about {
	float: left;
	height: 350px;
	width: 600px;
	margin-left: 50px;
	background-color: #FFF;
}
.about_img {
	width: 285px;
	margin-left: 665px;
	height: 350px;
	background-color: #FFF;
}
.all_con_tab {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
	background-color: #FFF;
	height: 50px;
	margin-bottom: 15px;
}
.download {
	height: 100px;
	width: 880px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding: 10px;
}
.p1 a {
	background-image: url(../images/recipe_p1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999px;
}
.p1 a:hover {
	background-image: url(../images/recipe_p1.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	wwidth: 105px;
	text-indent:-9999;
}
.p2 a {
	background-image: url(../images/recipe_p2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p2 a:hover {
	background-image: url(../images/recipe_p2.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
}
.p3 a {
	background-image: url(../images/recipe_p3.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p3 a:hover {
	background-image: url(../images/recipe_p3.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p4 a {
	background-image: url(../images/recipe_p4.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p4 a:hover {
	background-image: url(../images/recipe_p4.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p5 a {
	background-image: url(../images/recipe_p5.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p5 a:hover {
	background-image: url(../images/recipe_p5.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}